$(function() {
    let form = layui.form;
    form.verify({
        nickname: [/^\S{4,15}$/, '昵称的长度为6-15的非空字符串'],
        email: [/^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/, '邮箱不正确']
    });

    //获取用户基本信息
    initUserInfo();

    function initUserInfo() {
        $.ajax({
            mothod: 'GET',
            url: '/my/userinfo',
            success: function(res) {
                if (res.status !== 0) {
                    return layui.layer.msg(res.message);
                }
                $('#username').val(res.data.username);
                //form.val() 可以快速为表单赋值
                layui.form.val('formUserInfo', res.data);

            },
            timeout: 3000,
            error: (err) => {
                console.log('出错啦');
            }
        });
    }

    //重置表单数据
    $('#btnReset').on('click', function(e) {
        e.preventDefault();
        initUserInfo();
    });

    //用户数据更新
    $('.layui-form').on('submit', function(e) {
        e.preventDefault();
        $.ajax({
            type: 'POST',
            url: '/my/userinfo',
            data: $(this).serialize(),
            success: function(res) {
                if (res.status !== 0) {
                    return layui.layer.msg(res.message);
                }
                //form.val() 可以快速为表单赋值
                layui.layer.msg(res.message);
                layui.form.val('formUserInfo', res.data);

                //调用父页面index.html 里面的方法渲染用户信息
                window.parent.getUserInfo();
            },
            timeout: 3000,
            error: (err) => {
                console.log('出错啦');
            }
        });
    });
});